<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>服务方入驻</title>
    <link rel="icon shortcut" type="image/x-icon" href="../../img/common/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_357896_h659h7bkkvbr19k9.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/applycommon.css" />
    <link rel="stylesheet" type="text/css" href="../../css/category.css">
    <link rel="stylesheet" type="text/css" href="../../css/win-category.css"/>
    <script src="../../js/viewport.js" ></script>
</head>
<body>
    <header class="site-header">
        <ul class="header-list clearfix">
            <li class="header-list-li active"><i class="iconfont icon-icon-complete"></i><a href="companyinfor.html">公司信息</a></li>
            <li class="header-list-li active"><i class="iconfont icon-icon-complete"></i><a href="category.html">专长品类</a></li>
            <li class="header-list-li active"><i class="iconfont icon-icon-edit"></i><a href="approve.html">财务及证件</a></li>
            <li class="header-list-li"><i class="iconfont icon-icon-edit"></i><a href="case.html">上传案例</a></li>
        </ul>
    </header>
    <main class="main main-cate">
        <div class="container">
            <p class="cate-title">请选择10项最擅长的末级品类，系统将据此进行推荐需求。（还需选择<i class="blue catenum"> 7 </i>项）</p>
            <a class="addcate"><i class="iconfont icon-icon-add"></i>添加专长品类</a>
            <ul class="cate-list">
                <li class="list-li">
                    <i class="dragbtn iconfont icon-icon-drag"></i>
                    <p class="cate">家电 - 生活小家电 - 小夜灯、缝纫机</p>
                    <i class="iconfont icon-icon-delete"></i>
                </li>
            </ul>
        </div>
    </main>
    <footer class="site-footer">
        <div class="container">
            <a class="footerbtn halfbtn borderbtn fl">上一步</a>
            <button class="footerbtn halfbtn graybtn fr">下一步</button>
        </div>
    </footer>
    
    <div class="site-window win-category">
		<div class="category-header">
			<form action="#" method="post" onsubmit="return searchKeywrod();">
				<a class="backbtn"></a>
				<input class="header-keyword" type="text" name="keyword" id="keyword" value="" placeholder="输入品类名称查询" />
				<button class="searchbtn" type="submit">搜索</button>
				<a class="closebtn iconfont icon-icon-close"></a>
				<input class="reset" type="reset" value=""/>
			</form>
		</div>
		<div class="category-search">
			<ul class="search-list">
			</ul>
			<div class="list-nodata">没找到相关的品类，请换个关键词试试哦~</div>
		</div>
		<div class="category-list">
			<div class="list-first list-item">
				<p class="item-title">一级品类</p>
				<ul class="check-list">
					<li class="radio-wrapper"><input type="radio" id="radio1" name="first-cate" /><label for="radio1" class="check-text"><span class="check"></span>家电</label></li>
					<li class="radio-wrapper"><input type="radio" id="radio2" name="first-cate" /><label for="radio2" class="check-text"><span class="check"></span>消费类电子产品</label></li>
					<li class="radio-wrapper"><input type="radio" id="radio3" name="first-cate"  name="first-cate"/><label for="radio3" class="check-text"><span class="check"></span>健康及个人护理</label></li>
					<li class="radio-wrapper"><input type="radio" id="radio4" name="first-cate" /><label for="radio4" class="check-text"><span class="check"></span>五金产品</label></li>
					<li class="radio-wrapper"><input type="radio" id="radio5" name="first-cate" /><label for="radio5" class="check-text"><span class="check"></span>汽车及汽车配件</label></li>
					<li class="radio-wrapper"><input type="radio" id="radio6" name="first-cate" /><label for="radio6" class="check-text"><span class="check"></span>家居用品</label></li>
					<li class="radio-wrapper"><input type="radio" id="radio7" name="first-cate" /><label for="radio7" class="check-text"><span class="check"></span>照明灯具</label></li>
					<li class="radio-wrapper"><input type="radio" id="radio8" name="first-cate" /><label for="radio8" class="check-text"><span class="check"></span>时尚配饰及鞋类</label></li>
					<li class="radio-wrapper"><input type="radio" id="radio9"  name="first-cate"/><label for="radio9" class="check-text"><span class="check"></span>礼品及赠品</label></li>
					<li class="radio-wrapper"><input type="radio" id="radio10" name="first-cate" /><label for="radio10" class="check-text"><span class="check"></span>运动及户外休闲</label></li>
				</ul>
			</div>
			<div class="list-second list-item">
				<p class="item-title">家电</p>
				<ul class="check-list">
					<li class="checkbox-wrapper"><input type="checkbox" id="check1" /><label for="check1" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">生活小家电</span></label></li>
					<li class="checkbox-wrapper"><input type="checkbox" id="check2" /><label for="check2" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">生活小家电</span></label></li>
					<li class="checkbox-wrapper"><input type="checkbox" id="check3" /><label for="check3" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">家用空气净化器</span></label></li>
					<li class="checkbox-wrapper"><input type="checkbox" id="check4" /><label for="check4" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">取暖器</span></label></li>
					<li class="checkbox-wrapper"><input type="checkbox" id="check5" /><label for="check5" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">空调</span></label></li>
					<li class="checkbox-wrapper"><input type="checkbox" id="check6" /><label for="check6" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">家用空气净化器</span></label></li>
					<li class="checkbox-wrapper"><input type="checkbox" id="check7" /><label for="check7" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">取暖器</span></label></li>
					<li class="checkbox-wrapper"><input type="checkbox" id="check8" /><label for="check8" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">空调</span></label></li>
					<li class="checkbox-wrapper"><input type="checkbox" id="check9" /><label for="check9" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">取暖器</span></label></li>
					<li class="checkbox-wrapper"><input type="checkbox" id="check10" /><label for="check10" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">空调</span></label></li>
				</ul>
			</div>
			<div class="list-third list-item">
				<div class="item-li">
					<p class="item-title">家电</p>
					<ul class="check-list">
						<li class="checkbox-wrapper"><input type="checkbox" id="third1" /><label for="third1" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">家用空气净化器</span></label></li>
						<li class="checkbox-wrapper"><input type="checkbox" id="third2" /><label for="third2" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">空调</span></label></li>
						<li class="checkbox-wrapper"><input type="checkbox" id="third3" /><label for="third3" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">取暖器</span></label></li>
						<li class="checkbox-wrapper"><input type="checkbox" id="third4" /><label for="third4" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">家用空气净化器</span></label></li>
					</ul>
				</div>
				<div class="item-li">
					<p class="item-title">家电</p>
					<ul class="check-list">
						<li class="checkbox-wrapper"><input type="checkbox" id="third5" /><label for="third5" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">家用空气净化器</span></label></li>
						<li class="checkbox-wrapper"><input type="checkbox" id="third6" /><label for="third6" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">取暖器</span></label></li>
						<li class="checkbox-wrapper"><input type="checkbox" id="third7" /><label for="third7" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">取暖器</span></label></li>
						<li class="checkbox-wrapper"><input type="checkbox" id="third8" /><label for="third8" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">空调</span></label></li>
						<li class="checkbox-wrapper"><input type="checkbox" id="third9" /><label for="third9" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">家用空气净化器</span></label></li>
						<li class="checkbox-wrapper"><input type="checkbox" id="third10" /><label for="third10" class="checkbox-label"><span class="checkbox-check"></span><span class="checkbox-check-text">空调</span></label></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="category-footer">
			<a class="btn canclebtn">取消</a>
			<a class="btn centbtn">完成</a>
		</div>
    </div>
    
    <div class="site-window win-delalert">
    	<div class="container">
            <div class="win-content">
                <p class="win-content-title">确定更改品类,所选品类将清空！</p>
                <div class="btn-wrapper">
                    <a class="btn-conf btn halfbtn btnborder active">确定</a>
                    <a class="btn-re btn halfbtn">取消</a>
                </div>
            </div>
        </div>
    </div>
    
</body>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/applycommon.js" ></script>
<script src="../../js/win-category.js" ></script>
<script>
	var catePage = 'service';
    $(function(){
    	$('.win-category').on('click','.checkbox-wrapper label',function(){
    		$(this).parent().toggleClass('checked');
    	});
    });
</script>
</html>